<template>
<el-container>
    <el-header class="t-header">
      <el-row>
        <el-col :span="3">
            <div class="logo">
                 <el-image style="width: 30px; height: 30px;margin-top:15px;" src="https://cos.jskou.com/vue-layui-logo.png" ></el-image>
                 <span style="margin-left: 5px">vue-layui</span>
            </div>
        </el-col>
        <el-col :span="21" class="t-header-right">
          <el-dropdown trigger="click">
            <span class="el-dropdown-link">
              王小虎<i class="el-icon-arrow-down el-icon--right"></i>
            </span>
            <el-dropdown-menu slot="dropdown">
              <el-dropdown-item>查看</el-dropdown-item>
              <el-dropdown-item>新增</el-dropdown-item>
              <el-dropdown-item>删除</el-dropdown-item>
            </el-dropdown-menu>
          </el-dropdown>
          
        </el-col>
          
      </el-row>
 </el-header>
 </el-container>
    
</template>

<style scoped>
.t-header{
    background-color: #009688;
    color:#FFFFFF;
    line-height:60px;
    width:100%;
}
.t-header .logo{
  padding-left: 20px;
}
.t-header i,.t-header .el-dropdown-link{
  color:#FFFFFF;
  font-size:12px;
}
.t-header-right{
  text-align: right;
  
}
.t-menu-aside,.t-menu-aside-i{
  width:220px;
}
.t-menu-aside .el-menu{
  min-height:93vh;
}
</style>